{% extends "base.html" %}
{% block extra_css %}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.0/quill.snow.min.css">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/monokai-sublime.min.css">
{% endblock %}


{% block body_class %}template-homepage{% endblock %}

{% block content %}
    <div id="rich-body"></div>
{% endblock %}
{% block extra_js %}
    <script type="text/javascript"
            src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.0/quill.min.js"></script>
    <script>
        var quill = new Quill('#rich-body', {
            modules: {toolbar: []},
            theme: 'snow',
            readOnly: true
        });
        quill.root.innerHTML = unescape(`{{ page.body }}`)
    </script>
{% endblock %}